<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
			<%@ taglib prefix="s" uri="/struts-tags" %>
				<%@ taglib prefix="sec"
				uri="http://www.springframework.org/security/tags"%>
					<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

					<title>枝江市农村供水工程信息化平台</title>
					<!-- BOOTSTRAP CORE STYLE  -->
					<link href="../assets/css/bootstrap.css" rel="stylesheet" />
					<!-- FONT AWESOME ICONS  -->
					<link href="../assets/css/font-awesome.css" rel="stylesheet" />
					<!-- CUSTOM STYLE  -->
					<link href="../assets/css/style.css" rel="stylesheet" />


					<!-- 树形菜单样式 -->
					<link rel="stylesheet" href="../css/accordionMenu/style.css" type="text/css" />
					<link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css" />
					<link href="../css/bootstraptable/bootstrap-table.css" rel="stylesheet" />
					<link href="../css/bootstraptable/bootstrap-editable.css" rel="stylesheet" />
					<link rel="stylesheet" href="../css/systemManage/btn.css">
					<!-- js  -->
					<!-- CONTENT-WRAPPER SECTION END-->
					<!-- FOOTER SECTION END-->
					<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
					<!-- CORE JQUERY SCRIPTS -->
					<script src="../assets/js/jquery-1.11.1.js"></script>
					<!-- BOOTSTRAP SCRIPTS  -->
					<script src="../assets/js/bootstrap.js"></script>
					<script type="text/javascript" src="../js/bootstraptable/bootstrap-table.js"></script>
					<script type="text/javascript" src="../js/bootstrapeditable/bootstrap-editable.js"></script>
					<script type="text/javascript" src="../js/bootstrapeditable/bootstrap-table-editable.js"></script>
					<script src="../js/pipeline/pipeline.js"></script>
					<script src="../js/systemManage/init.js"></script>
					<script src="../js/accordionMenu/index.js"></script>

					<script src="../js/disposeAlert/addAlert.js"></script>
					<script src="../js/index.js"></script>

					<script src="../disposeAlert/js/markdown/ace.js"></script>
					<script src="../disposeAlert/js/markdown/marked.min.js"></script>

					<script src="../disposeAlert/js/markdown/bootstrap-markdown-editor.js"></script>

					<script src="../js/initWebSocket/initWebSocket.js"></script>
					<script>
						jQuery(document).ready(function ($) {
							initWebSocket();

							$("#comment").each(function () {
								$(this).css("height", $(this).attr("scrollHeight"));
							})
						})
					</script>

</head>

<body>

	<div class="navbar navbar-inverse set-radius-zero">
		<div class="container">
			<div class="navbar-header">
				<%--   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">

                    <img src="../assets/img/logo.png" />
                </a> --%>

			</div>

			<div class="left-div">
				<div class="user-settings-wrapper">
					<ul class="nav">

						<li class="dropdown">


							<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
								<span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
							</a>

							<div class="dropdown-menu dropdown-settings">
								<div class="media">
									<a class="media-left" href="#">
										<img src="../assets/img/64-64.jpg" alt="" class="img-rounded" />
									</a>



									<div class="media-body">
										<h4 class="media-heading"><sec:authentication property="principal.username" /> </h4>
										<h5>用户</h5>

									</div>
								</div>
								<hr />

								<h5><strong>权限: </strong><sec:authentication property="principal.permission" /></h5>

								<hr />
								<a href="../User/UserInfoAction" class="btn btn-info btn-sm">用户信息</a>&nbsp;
								<a href="${pageContext.request.contextPath}/logout" class="btn btn-danger btn-sm">登出</a>

							</div>
						</li>


					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- LOGO HEADER END-->
	<section class="menu-section">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="navbar-collapse collapse ">
						<ul id="menu-top" class="nav navbar-nav navbar-right">
							<li><a href="../WaterWorksInit">管网分布</a></li>
							<li><a href="../MonitorData/GetAllWaterPlant.action">运行监测</a></li>
							<li><a href="table.html">工艺过程</a></li>
							<li><a href="forms.html">厂区漫游</a></li>
							<li><a class="menu-top-active" href="#">预警处置</a></li>
							<li><a href="../SafetyMonitor/SafetyMonitorInit">安全监视</a></li>
							<li><a href="../User/UserInfoAction">系统管理</a></li>
							<!--   <li><a href="blank.html">Blank Page</a></li> -->

						</ul>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- MENU SECTION END-->
	<div class="content-wrapper">
		<div class="container">

			<div class="row" id="content">
				<div class="col-md-2" id="leftContent">
					<ul id="accordion" class="accordion">
						<li>
							<div class="link">
								<img src="../img/修改.png">
								<a href="../Alert/QueryAlert" class="waterPlantsLink">
												查看预警记录</a>
							</div>
						</li>
						<li>
							<div class="link">
								<img src="../img/新增.png">
								<a href="../Alert/AddAlert" class="waterPlantsLink">
												增加预警处置</a>
							</div>
						</li>
						<li>
							<div class="link">
								<a href="#" class="waterPlantsLink">
									<img src="../img/修改.png"> 修改预警处置
									<i class="fa fa-chevron-down"></i>
								</a>
							</div>
							<ul class="submenu">
								<s:iterator value="alerts" id="alert">
									<li>
										<a href="#" class="alertType">
											<s:property value="#alert.alertType" />
										</a>
										<div class="alertAlertContent" id='<s:property value="#alert.alertType" />' style="display: none;">
											<s:property value="#alert.alertContent" />
										</div>
										<div class="alertAlertId" id='<s:property value="#alert.alertType" />' style="display: none;">
											<s:property value="#alert.alertId" />
										</div>

									</li>
								</s:iterator>
							</ul>
						</li>


				</div>
				<div class="col-md-10" id="rightContent">

					<ol class="breadcrumb page-head-line ">
						<li><a href="../index.jsp"><i class="fa fa-dashboard"></i>
												首页 </a></li>
						<li class="active">修改预警处置</li>
					</ol>
					<div style=" padding: 20px;">
						<div class="form-group">
							<label>预警处置类型:</label>
							<input type="text" id="alertTypeInput" disabled="true">
							<br>
							<label for="comment">预警处置内容:</label>
							<textarea class="form-control" rows="20" id="comment" disabled="true"></textarea>
							<button type="button" style="margin-right:60px;" class="btn_add" id="updateBtn"></button>
							<button type="button" class="btn_submit" id="addSubmitBtn"></button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">修改报警处置信息</h4>
				</div>
				<div class="modal-body">
					<label>预警处置类型：</label>
					<input type="text" id="alertType" name="alertType" placeholder="预警处置类型" style="width: 70%; height: 30px;">
					<br>
					<label>当前值：</label>
					<input type="text" id="value" name="value" placeholder="预警处置类型" style="width: 70%; height: 30px;">
					<br>
					<label>最大值：</label>
					<input type="text" id="uppervalue" name="uppervalue" placeholder="预警处置类型" style="width: 70%; height: 30px;">
					<br>
					<label>最小值：</label>
					<input type="text" id="alertType" name="alertType" placeholder="预警处置类型" style="width: 70%; height: 30px;">
					<br>

					<label>预警处置内容：</label>
					<!-- <input type="text" id="alertContent" name="alertContent"  placeholder="预警处置内容" style="width: 70%; height: 250px;"> -->
					<textarea class="form-control" rows="20" id="alertContent"></textarea>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="sumbitAlert">提交更改</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
</body>

</html>